/*
 * @Descripttion:
 * @Author: voanit
 * @Date: 2022-05-09 08:35:52
 * @LastEditors: voanit
 * @LastEditTime: 2022-05-09 09:33:20
 */
import React from 'react'
import { HashRouter, Route, NavLink } from 'react-router-dom'
import './css/Home.css'
import Message from './Message'
import Wx from './Wx'
import Find from './Find'
import My from './My'
const Home = () => {
  return (
    <div className="home">
      <header>
        <h1>我是title</h1>
      </header>
      <main>
        <Route exact path="/" component={Message}></Route>
        <Route path="/home/message" component={Message}></Route>
        <Route path="/home/wx" component={Wx}></Route>
        <Route path="/home/find" component={Find}></Route>
        <Route path="/home/my" component={My}></Route>
      </main>
      <ul>
        <li>
          <NavLink to="/home/message">消息</NavLink>
        </li>
        <li>
          <NavLink to="/home/wx">通讯录</NavLink>
        </li>
        <li>
          <NavLink to="/home/find">发现</NavLink>
        </li>
        <li>
          <NavLink to="/home/my">我的</NavLink>
        </li>
      </ul>
    </div>
  )
}
export default Home
